<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    1 动态路由传值
      配置时
        {
          path: '/demo/:自定义名字'
        }

      访问时
        www.xxx.com#/demo/值

      接收时
        this.$route.params.自定义名字

    2 url查询参数传值
      配置时
        {
          path: '/demo'
        }
      
      访问时
        www.xxx.com#/demo?自定义属性名=值
      
      接收时
        this.$route.query.自定义属性名



    这两种方式不管哪种都能实现一样的功能，但路由配置和url不同

    他们所完成的功能，都是从url中传值然后组件中获取对应的值，然后根据值去请求数据并渲染组件

   -->
</body>
</html>